<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GeniusLink：Vanguard的陷落 - 法治互动游戏</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Microsoft YaHei', 'Segoe UI', sans-serif;
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
            color: #2c3e50;
        }
        
        .game-container {
            max-width: 900px;
            width: 100%;
            background: white;
            border-radius: 20px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            position: relative;
        }
        
        .game-header {
            background: linear-gradient(135deg, #667eea 0%, #4facfe 100%);
            color: white;
            padding: 30px;
            text-align: center;
        }
        
        .game-title {
            font-size: 2.2em;
            margin-bottom: 10px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
        }
        
        .game-subtitle {
            font-size: 1.1em;
            opacity: 0.9;
        }
        
        .game-content {
            padding: 30px;
            min-height: 400px;
            max-height: 70vh;
            overflow-y: auto;
        }
        
        .scene-title {
            font-size: 1.6em;
            color: #3498db;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #e3f2fd;
        }
        
        .scene-content {
            line-height: 1.8;
            margin-bottom: 25px;
            font-size: 1.05em;
        }
        
        .email {
            background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 10px;
            padding: 20px;
            margin: 20px 0;
            font-family: monospace;
        }
        
        .email-header {
            border-bottom: 1px solid #dee2e6;
            padding-bottom: 10px;
            margin-bottom: 15px;
            color: #495057;
        }
        
        .email-subject {
            font-weight: bold;
            color: #212529;
            margin-bottom: 5px;
        }
        
        .email-content {
            color: #495057;
            line-height: 1.6;
        }
        
        .comments {
            background: #f0f8ff;
            border-left: 4px solid #3498db;
            padding: 15px;
            margin: 20px 0;
            border-radius: 0 10px 10px 0;
        }
        
        .comment {
            margin: 10px 0;
            padding: 10px;
            background: white;
            border-radius: 8px;
            transition: all 0.3s ease;
        }
        
        .comment:hover {
            transform: translateX(5px);
            box-shadow: 0 3px 10px rgba(52, 152, 219, 0.2);
        }
        
        .comment-author {
            font-weight: bold;
            color: #3498db;
            display: flex;
            align-items: center;
            margin-bottom: 5px;
        }
        
        .comment-badge {
            background: linear-gradient(135deg, #667eea 0%, #4facfe 100%);
            color: white;
            padding: 2px 8px;
            border-radius: 12px;
            font-size: 0.8em;
            margin-left: 10px;
        }
        
        .legal-tip {
            background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
            border-left: 5px solid #2196f3;
            padding: 20px;
            margin: 25px 0;
            border-radius: 0 10px 10px 0;
        }
        
        .legal-tip-title {
            font-weight: bold;
            color: #1565c0;
            margin-bottom: 10px;
            font-size: 1.1em;
        }
        
        .legal-tip-content {
            color: #1976d2;
            line-height: 1.6;
        }
        
        .choices-container {
            display: flex;
            flex-direction: column;
            gap: 12px;
            margin-top: 30px;
        }
        
        .choice-btn {
            background: white;
            border: 2px solid #3498db;
            color: #2c3e50;
            padding: 15px 20px;
            border-radius: 10px;
            font-size: 1em;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: left;
            position: relative;
        }
        
        .choice-btn:hover {
            background: #3498db;
            color: white;
            transform: translateX(5px);
            box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);
        }
        
        .choice-number {
            display: inline-block;
            background: #3498db;
            color: white;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            text-align: center;
            line-height: 30px;
            margin-right: 15px;
            font-weight: bold;
        }
        
        .choice-btn:hover .choice-number {
            background: white;
            color: #3498db;
        }
        
        .outcome {
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            padding: 30px;
            border-radius: 15px;
            margin-top: 20px;
            text-align: center;
        }
        
        .outcome-title {
            font-size: 1.8em;
            margin-bottom: 15px;
            color: #2c3e50;
        }
        
        .outcome-content {
            line-height: 1.8;
            font-size: 1.1em;
            color: #34495e;
            margin-bottom: 20px;
        }
        
        .outcome-result {
            font-size: 1.3em;
            font-weight: bold;
            color: #3498db;
            margin-bottom: 20px;
        }
        
        .restart-btn {
            background: linear-gradient(135deg, #667eea 0%, #4facfe 100%);
            color: white;
            border: none;
            padding: 12px 30px;
            border-radius: 25px;
            font-size: 1.1em;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .restart-btn:hover {
            transform: scale(1.05);
            box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
        }
        
        .investigation-item {
            background: #e8f5e9;
            border-left: 4px solid #4caf50;
            padding: 15px;
            margin: 10px 0;
            border-radius: 0 8px 8px 0;
        }
        
        .contract-clause {
            background: #fff3e0;
            border: 1px solid #ffcc02;
            border-radius: 8px;
            padding: 15px;
            margin: 15px 0;
            font-family: monospace;
            color: #e65100;
        }
        
        .hidden {
            display: none;
        }
        
        .fade-in {
            animation: fadeIn 0.8s ease-in;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .progress-bar {
            height: 4px;
            background: #e3f2fd;
            position: relative;
            margin-bottom: 20px;
        }
        
        .progress-fill {
            height: 100%;
            background: linear-gradient(90deg, #3498db, #4facfe);
            width: 0%;
            transition: width 0.5s ease;
        }
        
        .cupl-badge {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            color: white;
            padding: 3px 10px;
            border-radius: 15px;
            font-size: 0.75em;
            margin-left: 8px;
            font-weight: normal;
        }
        
        .red-flag {
            background: #ffebee;
            border-left: 4px solid #f44336;
            padding: 15px;
            margin: 15px 0;
            border-radius: 0 8px 8px 0;
            color: #c62828;
        }
        
        .green-flag {
            background: #e8f5e9;
            border-left: 4px solid #4caf50;
            padding: 15px;
            margin: 15px 0;
            border-radius: 0 8px 8px 0;
            color: #2e7d32;
        }
        
        @media (max-width: 768px) {
            .game-title {
                font-size: 1.8em;
            }
            
            .scene-title {
                font-size: 1.4em;
            }
            
            .choice-btn {
                padding: 12px 15px;
                font-size: 0.95em;
            }
        }
    </style>
</head>
<body>
    <div class="game-container">
        <div class="game-header">
            <h1 class="game-title">GeniusLink：Vanguard的陷落</h1>
            <p class="game-subtitle">中国政法大学法治信息学院AI创意挑战赛互动游戏</p>
        </div>
        
        <div class="progress-bar">
            <div class="progress-fill" id="progressBar"></div>
        </div>
        
        <div class="game-content" id="gameContent">
            <!-- 游戏内容将动态加载 -->
        </div>
    </div>

    <script>
        // 游戏状态管理
        const gameState = {
            currentScene: 'start',
            path: null,
            investigationLevel: 0,
            trustLevel: 0,
            moneyLost: 0,
            choices: [],
            playerName: '法学生',
            hasVerifiedComments: false,
            suspicionLevel: 0
        };

        // 场景内容
        const scenes = {
            start: {
                title: '【开场：精心编织的网】',
                content: `
                    <p>你（法治信息管理学院大一新生）在校园社群里看到一个"GeniusLink AI 创意挑战赛"的帖子。</p>
                    <div class="email">
                        <div class="email-header">
                            <div class="email-subject">寻找校园AI天才！GeniusLink（智联科技）现开放AIGC平台"创世星图"（GenesisMap）内测！</div>
                            <div>发件人：GeniusLink官方</div>
                        </div>
                        <div class="email-content">
                            <p>为庆祝内测，现举办挑战赛：</p>
                            <p><strong>主题：</strong> 为校门口的"老地方"咖啡馆设计一套AI营销方案。</p>
                            <p><strong>奖励：</strong> 冠军1000元奖金 + 'GeniusLink平台高级版'永久免费账户 + <strong>红圈所实习推荐</strong>。</p>
                        </div>
                    </div>
                    <div class="comments">
                        <div class="comment">
                            <div class="comment-author">
                                @刑小实师兄 
                                <span class="comment-badge">大三</span>
                                <span class="cupl-badge">刑事司法学院</span>
                                <span class="comment-badge">市创获奖</span>
                            </div>
                            <div>去年参加了，拿到了奖金，现在已经在GeniusLink实习了！平台资源真的很棒，对我的项目帮助很大！</div>
                        </div>
                        <div class="comment">
                            <div class="comment-author">
                                @王五行师姐 
                                <span class="comment-badge">大四</span>
                                <span class="cupl-badge">涉外法治学院</span>
                                <span class="comment-badge">保研北大</span>
                            </div>
                            <div>通过GeniusLink的实习推荐，我拿到了金杜的offer！Sarah姐人超好，给了很多职业规划建议。</div>
                        </div>
                        <div class="comment">
                            <div class="comment-author">
                                @张三思师兄 
                                <span class="comment-badge">大三</span>
                                <span class="cupl-badge">商学院</span>
                                <span class="comment-badge">国创项目负责人</span>
                            </div>
                            <div>我们团队的创业项目就是用这个平台起步的，现在已经拿到天使轮投资了！学弟学妹们冲！</div>
                        </div>
                        <div class="comment">
                            <div class="comment-author">
                                @李思语师姐 
                                <span class="comment-badge">大四</span>
                                <span class="cupl-badge">德语系</span>
                                <span class="comment-badge">留基委奖学金</span>
                            </div>
                            <div>平台的多语言功能对我准备德语演讲比赛超有帮助！已经推荐给德语系的学弟学妹们了～</div>
                        </div>
                        <div class="comment">
                            <div class="comment-author">
                                @赵正义师兄 
                                <span class="comment-badge">研一</span>
                                <span class="cupl-badge">法学院</span>
                                <span class="comment-badge">校学生会主席</span>
                            </div>
                            <div>作为法学生，这个平台让我了解了很多科技与法律结合的前沿领域，强烈推荐！</div>
                        </div>
                    </div>
                    <p>看到这么多优秀的师兄师姐都在推荐，你对AI很感兴趣，决定参赛。</p>
                `,
                choices: [
                    { text: '开始挑战', next: 'scene1' }
                ]
            },
            
            scene1: {
                title: '【场景1：多重诱饵】',
                content: `
                    <p>你登录了"创世星图"的注册页面。在点击"同意"《用户服务协议》(TOS) 之前，你……</p>
                `,
                choices: [
                    { 
                        text: '"太长了，不看。"', 
                        next: 'scene2A',
                        path: 'A'
                    },
                    { 
                        text: '"身为法学生，必须审查！"', 
                        next: 'scene2B',
                        path: 'B'
                    },
                    { 
                        text: '"太麻烦了，不玩了。"', 
                        next: 'endingA'
                    },
                    { 
                        text: '"先看看评论里的人是不是真的"', 
                        next: 'scene1A',
                        path: 'investigate'
                    }
                ]
            },
            
            scene1A: {
                title: '【场景1A：调查者之路】',
                content: `
                    <p>你决定先验证一下评论的真实性。毕竟在法大，"严谨求实"是我们的校训精神。</p>
                `,
                legalTip: {
                    title: '法律知识点',
                    content: '信息核实的重要性，网络身份验证的方法。在参与任何网络活动前，都应该核实相关信息的真实性，特别是涉及金钱和个人信息时。'
                },
                content2: `
                    <div class="investigation-item">
                        <strong>你的调查过程：</strong>
                        <ul>
                            <li>在学校官网查询：查无"刑小实"的市创获奖记录</li>
                            <li>联系学生会：现任主席是另一位同学，不认识"赵正义"</li>
                            <li>询问德语系辅导员：系里没有叫"李思语"的留基委奖学金获得者</li>
                            <li>查看商学院国创项目名单：没有"张三思"的项目</li>
                            <li>通过校友群联系涉外法治学院：查无"王五行"保研北大的记录</li>
                        </ul>
                    </div>
                    <div class="red-flag">
                        <strong>关键发现：</strong>
                        <p>所有评论者的身份都是伪造的！这些精心设计的"法大优秀学生"身份，正是为了降低你的警惕性。</p>
                    </div>
                `,
                choices: [
                    { 
                        text: '"这些身份都是假的，绝对不能参加！"', 
                        next: 'endingAplus'
                    },
                    { 
                        text: '"可能是同名或者信息没更新，先注册看看"', 
                        next: 'scene1B'
                    },
                    { 
                        text: '"匿名举报这个帖子"', 
                        next: 'endingF'
                    }
                ]
            },
            
            scene1B: {
                title: '【场景1B：将信将疑】',
                content: `
                    <p>你虽然发现了疑点，但想到可能是同名或者信息更新不及时，决定先注册看看情况。毕竟，万一是真的呢？</p>
                    <div class="green-flag">
                        <strong>你的心理活动：</strong>
                        <p>"法大这么多人，同名同姓很正常。而且这个挑战赛看起来很正规，应该不会是骗局。我先试试，如果不对劲就退出。"</p>
                    </div>
                    <p>你点击了注册，准备在注册过程中继续观察。</p>
                `,
                choices: [
                    { 
                        text: '"直接同意TOS，快速注册"', 
                        next: 'scene2A',
                        path: 'A'
                    },
                    { 
                        text: '"仔细阅读TOS条款"', 
                        next: 'scene2B',
                        path: 'B'
                    }
                ]
            },
            
            scene2A: {
                title: '【场景2A："创意者"陷阱】',
                content: `
                    <p>你直接同意了TOS，开始制作方案。</p>
                    <p>平台功能确实很强大，提供了很多专业的营销模板和AI工具。三天后，你做出了一个自认为不错的方案并提交了。</p>
                    <p>令你惊喜的是，你真的获得了冠军！1000元奖金很快就打到了你的账户上。</p>
                    <div class="email">
                        <div class="email-header">
                            <div class="email-subject">恭喜！特别机会！</div>
                            <div>发件人：Sarah (GeniusLink客户关系总监)</div>
                        </div>
                        <div class="email-content">
                            <p>${gameState.playerName}同学，你的方案太惊艳了！我们CEO亲自看了，说你是百年一遇的创意天才！</p>
                            <p>我们想邀请你加入我们的"校园合伙人计划"，不需要投入任何资金，只需要利用你的影响力推广平台。每成功推荐一个用户，你就能获得200元佣金！</p>
                            <p>对了，我们注意到你是法大的学生，特别欣赏你们学校"严谨求实"的校训精神。我们团队里也有好几位法大校友呢！</p>
                        </div>
                    </div>
                    <div class="green-flag">
                        <strong>你的思考：</strong>
                        <p>"不需要投入资金，只是推广就能赚钱？这听起来很合理。而且我已经拿到了1000元奖金，证明他们是可信的。"</p>
                    </div>
                `,
                choices: [
                    { 
                        text: '"同意加入合伙人计划"', 
                        next: 'scene3A'
                    },
                    { 
                        text: '"先了解一下推广的具体要求"', 
                        next: 'scene3B'
                    },
                    { 
                        text: '"询问法大校友的具体信息"', 
                        next: 'scene3C'
                    }
                ]
            },
            
            scene2B: {
                title: '【场景2B："聪明人"陷阱】',
                content: `
                    <p>你仔细阅读了TOS，发现了一些问题条款，但看起来都在可接受范围内。</p>
                    <div class="contract-clause">
                        <strong>【条款 8.3】：</strong> "用户在免费使用期间产生的知识产权，归用户所有。但用户同意授权平台在营销宣传中使用相关内容。"
                    </div>
                    <div class="contract-clause">
                        <strong>【条款 12.1】：</strong> "用户同意，其在参与推广活动期间获得的客户信息，需与平台共享。"
                    </div>
                    <p>这些条款虽然有些苛刻，但考虑到是免费平台，似乎也合理。你制作了方案并提交，没想到真的获得了冠军！</p>
                    <p>1000元奖金很快到账，你开始觉得之前的怀疑可能是多余的。</p>
                    <div class="email">
                        <div class="email-header">
                            <div class="email-subject">专业认可！特别邀请！</div>
                            <div class="email-subject">发件人：Sarah (GeniusLink客户关系总监)</div>
                        </div>
                        <div class="email-content">
                            <p>${gameState.playerName}同学，您对条款的细致审查给我们留下了深刻印象！不愧是法大的学生！</p>
                            <p>我们法务部门正好有一个实习岗位，专门负责审核各类合作协议。我们想邀请您担任这个岗位，实习工资5000元/月，还有机会转正！</p>
                        </div>
                    </div>
                `,
                choices: [
                    { 
                        text: '"接受法务实习offer"', 
                        next: 'scene3D'
                    },
                    { 
                        text: '"先了解一下实习的具体工作内容"', 
                        next: 'scene3E'
                    },
                    { 
                        text: '"要求查看公司的营业执照"', 
                        next: 'scene3F'
                    }
                ]
            },
            
            scene3A: {
                title: '【场景3A：推广之路】',
                content: `
                    <p>你加入了校园合伙人计划，开始在你的社交圈推广GeniusLink。</p>
                    <p>令你惊讶的是，推广效果出奇的好！你的同学都很感兴趣，一周内你就成功推荐了5个用户，获得了1000元佣金。</p>
                    <div class="email">
                        <div class="email-header">
                            <div class="email-subject">优秀合伙人！升级机会！</div>
                            <div class="email-content">
                                <p>${gameState.playerName}，你的推广能力太强了！我们想邀请你升级为"区域经理"。</p>
                                <p>作为区域经理，你将获得：</p>
                                <ul>
                                    <li>底薪3000元/月 + 更高的佣金比例</li>
                                    <li>管理10-20人的推广团队</li>
                                    <li>参与公司分红的机会</li>
                                </ul>
                                <p>只需要签署一份《区域经理合作协议》，并缴纳2000元"岗位保证金"（离职时全额退还）。</p>
                            </div>
                        </div>
                    </div>
                    <div class="green-flag">
                        <strong>你的分析：</strong>
                        <p>"我已经赚了2000元，交2000保证金很合理。而且这是正规岗位，有底薪有分红，比单纯推广好多了。"</p>
                    </div>
                `,
                choices: [
                    { 
                        text: '"立即签约成为区域经理"', 
                        next: 'scene4A',
                        setMoney: 2000
                    },
                    { 
                        text: '"先和已经签约的区域经理聊聊"', 
                        next: 'scene4B'
                    },
                    { 
                        text: '"要求查看公司的工商注册信息"', 
                        next: 'scene4C'
                    }
                ]
            },
            
            scene3D: {
                title: '【场景3D：法务实习】',
                content: `
                    <p>你接受了法务实习的offer，需要签署实习协议。</p>
                    <p>Sarah发来了协议，看起来非常正规：</p>
                    <div class="contract-clause">
                        <strong>实习协议要点：</strong>
                        <ul>
                            <li>实习期：3个月</li>
                            <li>实习工资：5000元/月</li>
                            <li>工作内容：审核合作协议、起草法律文书</li>
                            <li>转正机会：表现优秀者可获得正式offer</li>
                        </ul>
                    </div>
                    <p>但协议中有一条特殊条款：</p>
                    <div class="contract-clause">
                        <strong>【特殊条款】：</strong> "实习生需参与公司业务实践，包括但不限于推广活动、客户对接等，以更好地理解业务需求。"
                    </div>
                    <div class="email">
                        <div class="email-header">
                            <div class="email-subject">实习安排</div>
                            <div class="email-content">
                                <p>亲爱的${gameState.playerName}，欢迎加入我们！</p>
                                <p>为了让你更快熟悉业务，第一周你需要先参与我们的推广实践。我们会给你一些'潜在客户'名单，你只需要联系他们，介绍我们的平台即可。</p>
                                <p>这是很多法学生都梦寐以求的机会，加油！</p>
                            </div>
                        </div>
                    </div>
                `,
                choices: [
                    { 
                        text: '"同意协议，开始实习"', 
                        next: 'scene4D'
                    },
                    { 
                        text: '"质疑为什么法务要做推广"', 
                        next: 'scene4E'
                    },
                    { 
                        text: '"要求先参观公司办公地点"', 
                        next: 'scene4F'
                    }
                ]
            },
            
            scene4A: {
                title: '【场景4A：经理之路】',
                content: `
                    <p>你缴纳了2000元保证金，正式成为区域经理。</p>
                    <p>公司给你分配了一个10人的团队，其中竟然有几个真的是法大的学生！</p>
                    <p>第一个月，你拿到了3000元底薪+2000元佣金，一切看起来都很正常。</p>
                    <p>第二个月，Sarah告诉你有一个"大客户"机会：</p>
                    <div class="email">
                        <div class="email-header">
                            <div class="email-subject">独家机会！</div>
                            <div class="email-content">
                                <p>${gameState.playerName}，有一个连锁教育机构想成为我们的合作伙伴，合同金额50万！</p>
                                <p>如果你能促成这个合作，公司将给你5%的提成，也就是25000元！</p>
                                <p>但客户要求先看到我们的实力，你需要先垫付5000元作为"项目启动资金"，合作成功后立即返还。</p>
                            </div>
                        </div>
                    </div>
                    <div class="green-flag">
                        <strong>你的计算：</strong>
                        <p>"投入5000，回报25000，收益率400%！而且我已经在公司工作两个月了，他们一直很正规。这个机会不能错过！"</p>
                    </div>
                `,
                choices: [
                    { 
                        text: '"立即垫付5000元"', 
                        next: 'scene5A',
                        setMoney: 5000
                    },
                    { 
                        text: '"要求先见客户再付款"', 
                        next: 'scene5B'
                    },
                    { 
                        text: '"询问为什么公司不垫付"', 
                        next: 'scene5C'
                    }
                ]
            },
            
            scene4D: {
                title: '【场景4D：实习陷阱】',
                content: `
                    <p>你开始了法务实习，但第一周的工作却是打电话推广。</p>
                    <p>Sarah给你的"潜在客户"名单很奇怪，大部分都是学生，而且对平台表现出异常的兴趣。</p>
                    <p>你成功"推广"了几个客户，Sarah对你大加赞赏：</p>
                    <div class="email">
                        <div class="email-header">
                            <div class="email-subject">表现优秀！</div>
                            <div class="email-content">
                                <p>${gameState.playerName}，你的推广能力太强了！比我们专门的销售还厉害！</p>
                                <p>公司决定给你一个特殊机会：参与我们的"校园创业扶持计划"。</p>
                                <p>你只需要投入8000元成为"校园创业导师"，就可以获得：</p>
                                <ul>
                                    <li>每月5000元的固定收益</li>
                                    <li>发展下线的导师提成</li>
                                    <li>公司股权认购资格</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="red-flag">
                        <strong>异常点：</strong>
                        <p>法务实习变成了推广，现在又要投钱当"导师"？这和你理解的实习完全不同。</p>
                    </div>
                `,
                choices: [
                    { 
                        text: '"投入8000元成为导师"', 
                        next: 'scene5D',
                        setMoney: 8000
                    },
                    { 
                        text: '"拒绝，要求回到法务工作"', 
                        next: 'scene5E'
                    },
                    { 
                        text: '"咨询学校就业指导中心"', 
                        next: 'scene5F'
                    }
                ]
            },
            
            scene5A: {
                title: '【场景5A：最后的陷阱】',
                content: `
                    <p>你垫付了5000元项目启动资金。</p>
                    <p>Sarah很快安排了你和"客户"的线上会议。客户确实存在，也对合作表现出很大兴趣。</p>
                    <p>但就在合同即将签署时，客户突然提出了一个新要求：</p>
                    <div class="email">
                        <div class="email-header">
                            <div class="email-subject">紧急情况！</div>
                            <div class="email-content">
                                <p>${gameState.playerName}，客户要求我们提供3万元的"履约保证金"，以确保服务质量。</p>
                                <p>这是行业惯例，合作成功后会立即退还。你先垫付这笔钱，合作完成后，你将获得25000提成+3000保证金返还+5000项目启动资金返还，总共33000元！</p>
                                <p>机会难得，客户就等我们回复！</p>
                            </div>
                        </div>
                    </div>
                    <div class="green-flag">
                        <strong>你的诱惑：</strong>
                        <p>"已经投了5000，再投30000就能拿回33000！而且客户都见了，合同都要签了，不能在这个时候放弃！"</p>
                    </div>
                `,
                choices: [
                    { 
                        text: '"再次垫付30000元"', 
                        next: 'scene6A',
                        setMoney: 30000
                    },
                    { 
                        text: '"要求公司出具担保函"', 
                        next: 'scene6B'
                    },
                    { 
                        text: '"拒绝并要求退款"', 
                        next: 'scene6C'
                    }
                ]
            },
            
            scene5D: {
                title: '【场景5D：导师之路】',
                content: `
                    <p>你投入了8000元成为"校园创业导师"。</p>
                    <p>第一个月，你真的收到了5000元"固定收益"！这让你彻底放下了戒心。</p>
                    <p>Sarah告诉你，公司正在筹备上市，现在有一个"原始股认购机会"：</p>
                    <div class="email">
                        <div class="email-header">
                            <div class="email-subject">上市前最后机会！</div>
                            <div class="email-content">
                                <p>${gameState.playerName}，作为优秀导师，你获得优先认购权！</p>
                                <p>公司估值1亿，现在认购原始股，上市后预计增值10倍！</p>
                                <p>最低认购额5万元，你只需要投入32000元（8000元已抵扣），就能获得价值5万元的原始股！</p>
                                <p>这是改变命运的机会！</p>
                            </div>
                        </div>
                    </div>
                    <div class="green-flag">
                        <strong>你的幻想：</strong>
                        <p>"已经拿到收益了，公司看起来很正规。如果真的上市，我就财务自由了！"</p>
                    </div>
                `,
                choices: [
                    { 
                        text: '"追加投资32000元认购原始股"', 
                        next: 'scene6D',
                        setMoney: 32000
                    },
                    { 
                        text: '"要求查看公司的上市计划书"', 
                        next: 'scene6E'
                    },
                    { 
                        text: '"咨询家人意见"', 
                        next: 'scene6F'
                    }
                ]
            },
            
            scene6A: {
                title: '【场景6A：真相大白】',
                content: `
                    <p>你再次垫付了30000元。</p>
                    <p>但这次，Sarah的回复变得很慢。你催促了几次后，收到了这样的回复：</p>
                    <div class="email">
                        <div class="email-header">
                            <div class="email-subject">项目延期</div>
                            <div class="email-content">
                                <p>${gameState.playerName}，客户那边有些内部流程需要处理，项目延期一个月。</p>
                                <p>不过你放心，合同肯定会签的。在此期间，你可以继续发展其他客户。</p>
                                <p>对了，为了提高团队积极性，你需要再缴纳10000元"团队建设费"，用于组织团队活动。</p>
                            </div>
                        </div>
                    </div>
                    <div class="red-flag">
                        <strong>警钟敲响：</strong>
                        <p>项目延期、还要交钱？你终于意识到不对劲。你总共已经投入了${gameState.moneyLost}元！</p>
                    </div>
                    <p>你决定立即采取行动...</p>
                `,
                choices: [
                    { 
                        text: '"立即报警"', 
                        next: 'endingDplus'
                    },
                    { 
                        text: '"联合其他受害者"', 
                        next: 'endingG'
                    },
                    { 
                        text: '"向学校求助"', 
                        next: 'endingH'
                    }
                ]
            },
            
            scene6D: {
                title: '【场景6D：上市骗局】',
                content: `
                    <p>你追加了32000元投资。</p>
                    <p>Sarah发来了一份精美的"股权证书"，看起来很正规。</p>
                    <p>但一个月后，你发现公司网站无法访问，Sarah也联系不上了。</p>
                    <div class="red-flag">
                        <strong>残酷真相：</strong>
                        <p>你意识到这可能是一个彻头彻尾的骗局。你总共损失了${gameState.moneyLost}元！</p>
                    </div>
                    <p>你开始调查，发现...</p>
                `,
                choices: [
                    { 
                        text: '"深入调查，收集证据"', 
                        next: 'scene7A'
                    },
                    { 
                        text: '"自认倒霉，报警处理"', 
                        next: 'endingI'
                    },
                    { 
                        text: '"联系其他可能的受害者"', 
                        next: 'endingJ'
                    }
                ]
            },
            
            scene7A: {
                title: '【场景7A：深度调查】',
                content: `
                    <p>你决定深入调查，收集证据。</p>
                    <p>通过天眼查，你发现：</p>
                    <div class="investigation-item">
                        <strong>调查发现：</strong>
                        <ul>
                            <li>GeniusLink公司注册资本仅10万元</li>
                            <li>法定代表人王某名下有16家类似公司</li>
                            <li>这些公司都在6-18个月内注销或异常</li>
                            <li>涉及多起合同诈骗诉讼</li>
                        </ul>
                    </div>
                    <p>你还发现，这个团伙专门针对名校学生行骗，已经在全国20多所高校作案，涉案金额超过1000万！</p>
                    <p>你整理了所有证据，包括聊天记录、转账凭证、合同文件等，决定...</p>
                `,
                choices: [
                    { 
                        text: '"向公安机关报案"', 
                        next: 'endingDplus'
                    },
                    { 
                        text: '"联系媒体曝光"', 
                        next: 'endingK'
                    },
                    { 
                        text: '"制作反诈宣传材料"', 
                        next: 'endingL'
                    }
                ]
            },
            
            // 新增结局
            endingA: {
                title: '【结局A：安全的局外人】',
                content: `<p>你识破了陷阱。你没有损失金钱，但也只是保护了自己。那个"Vanguard群"很快解散，Sarah消失了。不久，你听说他们换了个马甲在隔壁学校故技重施。</p>`,
                outcome: '游戏通关（普通结局）🛡️'
            },
            
            endingAplus: {
                title: '【结局A+：明智的旁观者】',
                content: `<p>你识破了早期的陷阱，但没有采取行动。几个月后，学校有30多个同学被骗，其中包括你认识的一些人。虽然你保护了自己，但如果你能早点提醒大家，或许能避免这些损失。你深刻体会到，在法大，我们不仅要独善其身，更要有兼济天下的情怀。</p>`,
                outcome: '游戏通关（遗憾结局）😔'
            },
            
            endingBplus: {
                title: '【结局B+：觉醒的受害者】',
                content: `<p>你虽然损失了${gameState.moneyLost}元，但及时醒悟，帮助警方破案，获得了一些赔偿。这次经历让你深刻认识到了防范诈骗的重要性，也让你明白了作为法大学生，要用法律武器保护自己和他人。</p>`,
                outcome: '游戏通关（觉醒结局）💡'
            },
            
            endingCplus: {
                title: '【结局C+：沉默的英雄】',
                content: `<p>你收集了证据但不敢报警，只是匿名举报，案件最终被破获。虽然你没有得到表彰，但你的行动帮助了很多人。学校后来加强了对各类诈骗的防范教育，你的匿名举报功不可没。</p>`,
                outcome: '游戏通关（匿名英雄结局）🦸‍♂️'
            },
            
            endingDplus: {
                title: '【结局D+：法治的先锋】',
                content: `<p>你不仅帮助破案，还成为了校园反诈宣传大使，获得了学校的表彰。你的勇敢行为保护了很多同学免受诈骗，也践行了法大"经世济民，德法兼修"的育人理念。你成为了真正的"Vanguard（先锋）"！</p>`,
                outcome: '游戏通关（完美结局）🏆'
            },
            
            endingE: {
                title: '【结局E：悲剧的轮回】',
                content: `<p>你深陷其中，最终成为了骗子的帮凶，面临法律的制裁。${gameState.moneyLost > 0 ? `不仅损失了${gameState.moneyLost}元，` : ''}还要承担法律责任。这个教训提醒我们，法律的红线不可逾越。</p>`,
                outcome: '游戏失败（悲剧结局）⚖️'
            },
            
            endingF: {
                title: '【结局F：正义的举报者】',
                content: `<p>你选择匿名举报这个帖子。学校相关部门迅速介入，揭露了这个骗局。虽然你没有获得什么荣誉，但你的行为保护了很多同学。学校后来还专门为你颁发了"校园安全卫士"证书。</p>`,
                outcome: '游戏通关（正义结局）✨'
            },
            
            endingG: {
                title: '【结局G：团结的力量】',
                content: `<p>你联合其他受害者一起维权。通过集体诉讼，你们成功追回了部分损失。更重要的是，你们的行动引起了媒体关注，推动了相关部门加强对校园贷、加盟骗局的监管。</p>`,
                outcome: '游戏通关（团结结局）🤝'
            },
            
            endingH: {
                title: '【结局H：学校的保护】',
                content: `<p>你向学校求助，学校立即启动应急预案。心理辅导中心帮你疏导情绪，法律援助中心提供法律支持，保卫处协助报警。在学校的帮助下，你最大程度地减少了损失。</p>`,
                outcome: '游戏通关（守护结局）🏫'
            },
            
            endingI: {
                title: '【结局I：惨痛的教训】',
                content: `<p>你自认倒霉，选择了报警。虽然警方立案调查，但由于诈骗团伙已经逃往境外，你的${gameState.moneyLost}元很难追回。这个惨痛的教训让你明白，天上不会掉馅饼。</p>`,
                outcome: '游戏通关（教训结局）💔'
            },
            
            endingJ: {
                title: '【结局J：受害者联盟】',
                content: `<p>你联系其他受害者，组建了一个互助联盟。大家分享经验，互相支持，一起配合警方调查。虽然金钱损失难以挽回，但你们获得了珍贵的友谊和成长。</p>`,
                outcome: '游戏通关（互助结局）👥'
            },
            
            endingK: {
                title: '【结局K：媒体的曝光】',
                content: `<p>你联系媒体曝光了这个骗局。报道引起了社会广泛关注，推动了相关立法的完善。你成为了反诈宣传的公众人物，用自己的经历警示他人。</p>`,
                outcome: '游戏通关（影响力结局）📺'
            },
            
            endingL: {
                title: '【结局L：教育的力量】',
                content: `<p>你制作了详细的反诈宣传材料，在校园内广泛传播。你的材料被多所高校采用，帮助无数学生避免了类似的陷阱。你找到了自己的人生方向——致力于法治教育。</p>`,
                outcome: '游戏通关（教育者结局）📚'
            },
            
            // 其他中间场景
            scene3B: {
                title: '【场景3B：推广细节】',
                content: `<p>Sarah详细介绍了推广要求，看起来很正规：</p>
                <div class="green-flag">
                    <ul>
                        <li>每成功推荐一个用户获得200元</li>
                        <li>推荐满10人升级为高级合伙人</li>
                        <li>不需要任何投入，零风险</li>
                        <li>公司提供所有推广材料</li>
                    </ul>
                </div>
                <p>你觉得这个条件很合理，决定试试。</p>`,
                choices: [
                    { text: '"同意开始推广"', next: 'scene3A' },
                    { text: '"要求先看看推广材料"', next: 'scene3A' }
                ]
            },
            
            scene3C: {
                title: '【场景3C：校友信息】',
                content: `<p>Sarah很快发来了几个"法大校友"的信息：</p>
                <div class="email">
                    <div class="email-content">
                        <p>1. 张某某，法学院12级，现在某红圈所工作</p>
                        <p>2. 李某某，商学院14级，创业公司CEO</p>
                        <p>3. 王某某，刑事司法学院15级，现在某投行工作</p>
                    </div>
                </div>
                <p>你试着联系了其中一人，竟然真的联系上了！对方还热情地分享了在GeniusLink的工作经历。</p>`,
                choices: [
                    { text: '"相信了，开始推广"', next: 'scene3A' },
                    { text: '"觉得太巧了，继续怀疑"', next: 'scene3A' }
                ]
            },
            
            scene3E: {
                title: '【场景3E：实习质疑】',
                content: `<p>你质疑为什么法务要做推广，Sarah的解释很合理：</p>
                <div class="email">
                    <div class="email-content">
                        <p>"这是我们的'轮岗制度'，让每个员工都了解业务。你看，连红圈所都有这个要求。只有了解业务，才能写出更好的合同！"</p>
                    </div>
                </div>
                <p>你觉得这个解释很有道理，同意了实习安排。</p>`,
                choices: [
                    { text: '"同意实习安排"', next: 'scene4D' },
                    { text: '"要求缩短推广时间"', next: 'scene4D' }
                ]
            },
            
            scene3F: {
                title: '【场景3F：营业执照】',
                content: `<p>Sarah立即发来了营业执照，看起来完全正规：</p>
                <div class="green-flag">
                    <ul>
                        <li>公司名称：北京智联科技有限公司</li>
                        <li>注册资本：1000万元</li>
                        <li>成立时间：2020年</li>
                        <li>经营范围：技术开发、咨询服务等</li>
                    </ul>
                </div>
                <p>你觉得公司很正规，放心地接受了实习。</p>`,
                choices: [
                    { text: '"接受实习"', next: 'scene3D' }
                ]
            },
            
            scene4B: {
                title: '【场景4B：经理交流】',
                content: `<p>Sarah给你介绍了一位"成功区域经理"：</p>
                <div class="email">
                    <div class="email-content">
                        <p>这是李经理，上个月收入2万！你们聊聊吧。</p>
                    </div>
                </div>
                <p>李经理热情地分享了经验，还给你看了他的收入截图。你觉得很有说服力。</p>`,
                choices: [
                    { text: '"立即签约"', next: 'scene4A', setMoney: 2000 },
                    { text: '"再考虑一下"', next: 'scene4A', setMoney: 2000 }
                ]
            },
            
            scene4C: {
                title: '【场景4C：工商信息】',
                content: `<p>Sarah立即发来了详细的工商信息，完全合法合规。你通过天眼查核实，信息一致。</p>
                <p>你觉得公司很正规，决定签约。</p>`,
                choices: [
                    { text: '"签约成为区域经理"', next: 'scene4A', setMoney: 2000 }
                ]
            },
            
            scene4E: {
                title: '【场景4E：质疑推广】',
                content: `<p>Sarah耐心解释：</p>
                <div class="email">
                    <div class="email-content">
                        <p>"这是我们的'业务融合'模式。现在很多公司都这样，让法务也参与业务。这样你才能写出真正有用的合同，而不是纸上谈兵。"</p>
                    </div>
                </div>
                <p>你觉得很有道理，同意了安排。</p>`,
                choices: [
                    { text: '"同意实习安排"', next: 'scene4D' }
                ]
            },
            
            scene4F: {
                title: '【场景4F：参观公司】',
                content: `<p>Sarah爽快地答应了：</p>
                <div class="email">
                    <div class="email-content">
                        <p>"当然可以！我们下周三有开放日，欢迎来参观！地址在国贸CBD，很好的写字楼哦！"</p>
                    </div>
                </div>
                <p>你参观了公司，看起来确实很正规，有几十名员工在忙碌工作。</p>`,
                choices: [
                    { text: '"放心签约"', next: 'scene4D' }
                ]
            },
            
            scene5B: {
                title: '【场景5B：先见客户】',
                content: `<p>Sarah有些为难：</p>
                <div class="email">
                    <div class="email-content">
                        <p>"客户是大公司，要求先看到我们的诚意。这样吧，我先带你线上见一下，但你需要先交2000元诚意金。"</p>
                    </div>
                </div>
                <p>你觉得可以接受，先交了2000元。</p>`,
                choices: [
                    { text: '"交2000元诚意金"', next: 'scene5A', setMoney: 2000 }
                ]
            },
            
            scene5C: {
                title: '【场景5C：为什么不垫付】',
                content: `<p>Sarah解释：</p>
                <div class="email">
                    <div class="email-content">
                        <p>"这是为了测试你的能力和诚意。公司每天收到很多申请，只有真正有能力的人才值得公司投资。"</p>
                    </div>
                </div>
                <p>你觉得这个逻辑很合理，同意了。</p>`,
                choices: [
                    { text: '"同意垫付5000元"', next: 'scene5A', setMoney: 5000 }
                ]
            },
            
            scene5E: {
                title: '【场景5E：拒绝推广】',
                content: `<p>Sarah变得冷淡：</p>
                <div class="email">
                    <div class="email-content">
                        <p>"如果你不愿意参与业务实践，那可能不适合我们公司。法务工作需要全面了解业务。"</p>
                    </div>
                </div>
                <p>你意识到这个"实习"有问题，决定退出。</p>`,
                choices: [
                    { text: '"立即退出"', next: 'endingBplus' }
                ]
            },
            
            scene5F: {
                title: '【场景5F：咨询学校】',
                content: `<p>你去了就业指导中心，老师看了协议后提醒：</p>
                <div class="red-flag">
                    <p>"这个协议有问题，实习不应该要求交钱。建议你谨慎。"</p>
                </div>
                <p>你决定退出实习。</p>`,
                choices: [
                    { text: '"退出实习"', next: 'endingBplus' }
                ]
            },
            
            scene6B: {
                title: '【场景6B：要求担保】',
                content: `<p>Sarah立即发来了担保函，看起来很正规。你放心地垫付了30000元。</p>`,
                choices: [
                    { text: '"垫付30000元"', next: 'scene6A', setMoney: 30000 }
                ]
            },
            
            scene6C: {
                title: '【场景6C：要求退款】',
                content: `<p>Sarah开始推脱：</p>
                <div class="email">
                    <div class="email-content">
                        <p>"钱已经用于项目准备，暂时退不了。你要不再等等？"</p>
                    </div>
                </div>
                <p>你意识到被骗了。</p>`,
                choices: [
                    { text: '"立即报警"', next: 'endingDplus' }
                ]
            },
            
            scene6E: {
                title: '【场景6E：上市计划】',
                content: `<p>Sarah发来了一份精美的上市计划书，看起来很专业。你被说服了。</p>`,
                choices: [
                    { text: '"追加投资32000元"', next: 'scene6D', setMoney: 32000 }
                ]
            },
            
            scene6F: {
                title: '【场景6F：咨询家人】',
                content: `<p>父母提醒你要谨慎，但你觉得已经投了8000元，不继续就亏了。最终你决定追加投资。</p>`,
                choices: [
                    { text: '"追加投资32000元"', next: 'scene6D', setMoney: 32000 }
                ]
            }
        };

        // 进度计算
        function updateProgress() {
            const totalScenes = Object.keys(scenes).length;
            const visitedScenes = new Set(gameState.choices);
            const progress = (visitedScenes.size / totalScenes) * 100;
            document.getElementById('progressBar').style.width = progress + '%';
        }

        // 渲染场景
        function renderScene(sceneName) {
            const scene = scenes[sceneName];
            if (!scene) return;
            
            gameState.choices.push(sceneName);
            updateProgress();
            
            let html = `
                <div class="fade-in">
                    <h2 class="scene-title">${scene.title}</h2>
                    <div class="scene-content">
                        ${scene.content}
            `;
            
            if (scene.legalTip) {
                html += `
                    <div class="legal-tip">
                        <div class="legal-tip-title">${scene.legalTip.title}</div>
                        <div class="legal-tip-content">${scene.legalTip.content}</div>
                    </div>
                `;
            }
            
            if (scene.content2) {
                html += `<div class="scene-content">${scene.content2}</div>`;
            }
            
            if (scene.choices && scene.choices.length > 0) {
                html += '<div class="choices-container">';
                scene.choices.forEach((choice, index) => {
                    html += `
                        <button class="choice-btn" data-next="${choice.next}" data-money="${choice.setMoney || 0}" data-path="${choice.path || ''}">
                            <span class="choice-number">${index + 1}</span>
                            <span>${choice.text}</span>
                        </button>
                    `;
                });
                html += '</div>';
            }
            
            if (scene.outcome) {
                html += `
                    <div class="outcome">
                        <h3 class="outcome-title">游戏结果</h3>
                        <div class="outcome-content">${scene.content}</div>
                        <div class="outcome-result">${scene.outcome}</div>
                        <button class="restart-btn" onclick="restartGame()">重新开始</button>
                    </div>
                `;
            }
            
            html += '</div></div>';
            
            document.getElementById('gameContent').innerHTML = html;
            
            // 添加按钮事件监听
            document.querySelectorAll('.choice-btn').forEach(btn => {
                btn.addEventListener('click', function() {
                    const nextScene = this.getAttribute('data-next');
                    const money = parseInt(this.getAttribute('data-money')) || 0;
                    const path = this.getAttribute('data-path');
                    
                    if (path) {
                        gameState.path = path;
                    }
                    
                    if (money > 0) {
                        gameState.moneyLost += money;
                    }
                    
                    gameState.currentScene = nextScene;
                    renderScene(nextScene);
                });
            });
        }

        // 重新开始游戏
        function restartGame() {
            gameState.currentScene = 'start';
            gameState.path = null;
            gameState.investigationLevel = 0;
            gameState.trustLevel = 0;
            gameState.moneyLost = 0;
            gameState.choices = [];
            gameState.hasVerifiedComments = false;
            gameState.suspicionLevel = 0;
            document.getElementById('progressBar').style.width = '0%';
            renderScene('start');
        }

        // 初始化游戏
        document.addEventListener('DOMContentLoaded', function() {
            renderScene('start');
        });
    </script>
</body>
</html>